<template>
	<div class="dian">
		<div class="dianbj">
			<img class="tukuan" src="https://fuss10.elemecdn.com/0/0d/6294256f7031010e7b0d71b7811efpng.png?imageMogr/format/webp/thumbnail/750x/">
			<div class="lo">
				<img class="tubiao" src="//fuss10.elemecdn.com/2/fb/75412e3fc545cd788421635ee57a3jpeg.jpeg?imageMogr/format/webp/thumbnail/150x/">
				<span class="pinpai">品牌</span>
			</div>
		</div>
		<div class="jshao">华莱士炸鸡汉堡(商贸学院店)</div>
		<div class="pinglunx">
			<span class="danshu">评价4.6</span>
			<span class="danshu">月售2804单</span>
			<span class="danshu">蜂鸟专送</span>
		</div>
		<div class="manjian">
			<span class="redman">满减</span>
			<span class="youhui">满30减20，满40减24，满60减35</span>
			<p class="gg">公告：餐盒中的温暖，舌尖上的美味，鲜嫩的食材，精湛的厨艺！华莱士外卖送的快，吃着热饭很悠哉！华莱士小吃，欢迎您！亲爱的顾客，有问题欢迎随时致电02932068814，感谢您的光临，祝您用餐愉快呦！</p>
		</div>
	</div>
</template>

<script type="text/javascript">
	
</script>


<style type="text/css">
	.dianbj{
		width:100%;
		position: relative;
	}
	.tukuan{
		width:100%;
	}
	.lo{
		position: absolute;
		top:44px;
		left:35%;
	}
	.tubiao{
		width:100px;
		height:100px;
	}
	.pinpai{
		color:#6f3f15;
		font-size: 1rem;
		background-color: #ffc107;
		position: absolute;
		top:0;
		left:0;
	}
	.jshao{
		margin-top:30px;
		text-align: center;	
		font-size: 20px;
    	font-weight: 700;
	}
	.pinglunx{
		text-align: center;
		margin-top:10px;
	}
	.danshu{
		margin-left:5px;
		font-size: .293333rem;
    	color: #666;
    	text-align: center;
	}
	.redman{
		background-color: rgb(240, 115, 115);
		margin-left: 30px;
		color:#fff;

	}
	.youhui{
		font-size: .293333rem;
    	color: #666;
    	text-align: center;
    	margin-left: 30px;
	}
	.gg{
		text-overflow: ellipsis;
		overflow: hidden;
 		text-overflow: ellipsis;
		white-space: nowrap;
		margin-left: 10px;
	}
</style>